<template>
  <el-container>
    <!-- width自适应,不然header与aside有间隔 -->
    <el-aside width="auto">
      <common-aside />
    </el-aside>
    <el-container>
      <el-header>
        <common-header />
      </el-header>
      <common-tags />
      <el-main>
         <detail-table/>
        <router-view></router-view>
      </el-main>
    </el-container>
  </el-container>
</template>

<script>
import CommonAside from "../components/CommonAside.vue";
import CommonHeader from "../components/CommonHeader.vue";
import CommonTags from "../components/CommonTags.vue";
import store from "@/store";
import {mapGetters} from "vuex";
import DetailTable from "@/components/DetailTable.vue";
export default {
  mounted() {
    localStorage.setItem('token','Bearerasdddddddd12333333333333');
  },
  computed: {
     ...mapGetters(['getToken','getDetails'])
  },
  data() {
    return {
    };
  },
  components: {
    DetailTable,
    CommonAside,
    CommonHeader,
    CommonTags,
  },
  methods: {
    name() {

    }
  },
};
</script>

<style lang="less" scoped>
.el-header {
  padding: 0;
}
.el-container > .el-aside {
  //height: 160vh; /* 设置固定高度 */
  //overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.el-container > .el-aside::-webkit-scrollbar {
  display: none;
}
</style>
